<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>阳光金服推广链接</title>
    <link rel="stylesheet" href="css/2017_4_21.css" />
  </head>
  <body>
    <div class="content">
      <img src="images/extend_award.png" width="100%" />
      <div class="extend">
        <button id="shareBtn" class="btn">分享链接</button>
        <p>
          规则：<br />
          1、分享邀请链接给好友，邀请好友注册并开户，即为邀请成功。<br />
          2、累计成功邀请好友到达规定数量，即可获得奖励。
        </p>
      </div>
    </div>
    <footer>
      <h2>服务热线：400-0371-942</h2>
      <p>联系我们：service@sunedai.com</p>
      <p>豫ICP备14009747号-1©阳光金服</p>
    </footer>
    <div id="mask" class="mask">
      <img src="images/guide1.png" width="100%"/>
    </div>
  </body>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
  <script type="text/javascript">
  $(function(){
    $("#shareBtn").click(function(){
      $("#mask").css("top", $(document).scrollTop())
      $("#mask").show();
    });
    document.getElementById('mask').ontouchstart = function(e) {
        $("#mask").hide();
        e.preventDefault();
    }
  });
  </script>
</html>
